<template>
  <div class="lxy-box">
    <div v-if="title" class="title-wrap">
      <p class="title">{{ title }}</p>
    </div>
    <slot></slot>
  </div>
</template>
  
<script setup>
const props = defineProps({
  title: {
    type: String,
    default: "",
  },
});
</script>
  
<style scoped lang='scss'>
.lxy-box {

  background: rgba(22, 31, 77, 0.7);
  position: relative;
  z-index: 2;

  .title-wrap {
    width: 100%;
    height: vh(67);
    background: url("@/assets/bigscreen3/小标题背景.png");
    background-repeat: no-repeat;
    clear: both;
    background-size: auto vh(67);

    .title {
      padding: vh(8) vw(56);
      height: 100%;
      font-family: YouSheBiaoTiHei;
      font-size: vh(20);
      color: #ffffff;
      font-weight: bold;
    }
  }
  margin-bottom: vh(20);
}
</style>